<script lang="ts" setup>
import SettingsPage from "./SettingsPage.vue";
import NmxxAuthConfig from "./NmxxAuthConfig.vue";
import YyjsAuthConfig from "./YyjsAuthConfig.vue";
import {Settings, Wifi} from "@vicons/ionicons5"
</script>
<template>
  <n-tabs
      style="padding: 8px"
      size="large"
      animated>
    <n-tab-pane name="nmxx">
      <template #tab>
        <n-icon color="green">
          <wifi/>
        </n-icon>
        配置CFNMXX
      </template>
      <NmxxAuthConfig/>
    </n-tab-pane>
    <n-tab-pane name="yyjs">
      <template #tab>
        <n-icon color="blue">
          <wifi/>
        </n-icon>
        配置YYJSWIFI
      </template>
      <YyjsAuthConfig/>
    </n-tab-pane>

    <n-tab-pane name="settings">
      <template #tab>
        <n-icon>
          <Settings/>
        </n-icon>
        设置
      </template>
      <SettingsPage/>
    </n-tab-pane>
  </n-tabs>
</template>

<style>

</style>
